const componentProperties = new Map();

// 数据版本  每次修改组件数据  需要对版本进行修改
// componentProperties.set('componentPropertiesVersion', 'V1.0.0')

componentProperties.set("captiontext", {
  component: "captiontext",
  text: "标题文字",
  type: "1-3",
  active: true,
  style: "captiontextsstyle",
  setStyle: {
    text: "标题文字",
    name: "标题文字", //标题内容
    description: "", //描述内容
    wordSize: 16, //标题大小
    descriptionSize: 12, //描述大小
    wordWeight: 400, //标题粗细
    positions: "left", //显示位置  可选left/center
    descriptionWeight: 200, //描述粗细
    wordColor: "rgba(50, 50, 51, 10)", //标题颜色
    descriptionColor: "rgba(150, 151, 153, 10)", //描述颜色
    backColor: "rgba(255, 255, 255, 10)", //背景颜色
    borderBott: false, //底部分割线
    wordHeight: 24, //框体高度
    more: {
      //查看更多
      show: false, //是否显示查看更多
      type: 1, // 样式选择
      text: "查看更多", //自定义文字
      httpType: 10, //链接类型
      http: "" //链接
    }
  }
});

componentProperties.set("listswitching", {
  component: "listswitching",
  text: "商品",
  type: "2-1",
  active: true,
  style: "listswitchingstyle",
  setStyle: {
    text: "商品",
    commodityType: 0,
    moditystyle: 0,
    borderRadius: 0,
    pageMargin: 15,
    commodityMargin: 10,
    textWeight: 400,
    positions: "left",
    priceofcommodity: true,
    purchasebutton: true,
    commoditycorner: true,
    purchasebuttonType: 0,
    commoditycornertype: 0,
    commodityTagColor: "#07c160",
    tagPosition: 0,
    imageList: [],
    purchase: "马上抢",
    commoditylisttype: 0,
    commoditylisttypetab: [
      {
        text: "分组",
        imageList: []
      },
      {
        text: "分组",
        imageList: []
      }
    ],
    tabColor: "#f39800",
    showMore: false,
    moreUrl: null,
    bgImg: ""
  }
});

componentProperties.set("pictureads", {
  component: "pictureads",
  text: "图片广告",
  type: "1-3",
  active: true,
  style: "pictureadsstyle",
  setStyle: {
    text: "图片广告",
    swiperType: 0, // 选择模板
    borderRadius: 0, // 图片倒角
    pageMargin: 0, // 页面边距
    imageMargin: 0, // 图片边距
    pagingType: 0, // 分页类型: 0/"bullets"/"fraction"/"progressbar"
    rowindividual: 2, // 一行个数
    imageList: [] // 添加图片
  }
});

componentProperties.set("graphicnavigation", {
  component: "graphicnavigation",
  text: "图文导航",
  type: "1-4",
  active: true,
  style: "graphicnavigationstyle",
  setStyle: {
    text: "图文导航",
    imageList: [], // 图片导航列表
    navigationType: 0, //图片导航类型
    imgStyle: 0, //图片样式
    backgroundColor: "rgb(255, 255, 255)", //背景颜色
    textColor: "rgb(0, 0, 0)", //文字颜色
    borderRadius: 0, //图片倒角
    showSize: 5, //一屏显示个数
    textHeight: 24, // 字体高度
    textSize: 12, // 字体大小
    bgImg: ""
  }
});

componentProperties.set("richtext", {
  component: "richtext",
  text: "富文本",
  type: "1-10",
  active: true,
  style: "richtextstyle",
  setStyle: {
    text: "富文本",
    myValue: "", //富文本内容
    backColor: "rgb(249, 249, 249)" //背景颜色
  }
});

componentProperties.set("magiccube", {
  component: "magiccube",
  text: "魔方",
  type: "1-6",
  active: true,
  style: "magiccubestyle",
  setStyle: {
    text: "魔方",
    rubiksCubeType: 0, // 魔方类型
    pageMargin: 0, //页面间距
    imgMargin: 0, //图片间隙
    imageList: [
      {
        src: "",
        linktype: "10",
        http: {}
      },
      {
        src: "",
        linktype: "10",
        http: {}
      },
      {
        src: "",
        linktype: "10",
        http: {}
      },
      {
        src: "",
        linktype: "10",
        http: {}
      },
      {
        src: "",
        linktype: "10",
        http: {}
      }
    ] //图片列表
  }
});
componentProperties.set("auxiliarysegmentation", {
  component: "auxiliarysegmentation",
  text: "辅助分割",
  type: "1-11",
  active: true,
  style: "auxiliarysegmentationstyle",
  setStyle: {
    text: "辅助分割",
    blankHeight: 30, //空白高度
    segmentationtype: 0, //分割类型
    paddType: 0, //边距
    auxliarColor: "rgb(229, 229, 229)", //辅助线颜色
    bordertp: "solid" //线的类型
  }
});
componentProperties.set("storeinformation", {
  component: "storeinformation",
  text: "店铺信息",
  type: "1-12",
  active: true,
  style: "storeinformationstyle",
  setStyle: {
    text: "店铺信息",
    bakcgroundImg: "", //背景图片
    headPortrait: "", //店铺头像
    rubiksCubeType: 0, //类型
    name: "店铺名称", //店铺名称
    Discount: "在线支付满150减30，满100减20" //优惠信息
  }
});
componentProperties.set("entertheshop", {
  component: "entertheshop",
  text: "单元格",
  type: "1-13",
  active: true,
  style: "entertheshopstyle",
  setStyle: {
    text: "单元格",
    icon: "", // 左侧图标
    shopName: "左侧标题",
    copywriting: "右侧内容",
    type: "10",
    http: {}
  }
});

// componentProperties.set("videoss", {
//   component: "videoss",
//   text: "视频",
//   type: "1-8",
//   active: true,
//   style: "videostyle",
//   setStyle: {
//     text: "视频",
//     src: "http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4", // 视频地址
//     coverUrl: null, // 封面地址
//     autoplay: false // 是否自动播放
//   }
// });

componentProperties.set("custommodule", {
  component: "custommodule",
  text: "自定义模块",
  type: "demo",
  active: true,
  style: "custommodulestyle",
  setStyle: {
    text: "自定义模块",
    demo: "自定义内容",
    img: "https://img2.baidu.com/it/u=1905875968,4289754134&fm=26&fmt=auto&gp=0.jpg"
  }
});
componentProperties.set("communitypowder", {
  component: "communitypowder",
  text: "社群涨粉",
  type: "1-14",
  active: true,
  style: "communitypowderstyle",
  setStyle: {
    text: "社群涨粉",
    mainImg: "", //入口图片
    qrcodeImg: "", //二维码
    title: "标题", //标题
    describe: "辅助描述", //描述
    buttonName: "立即添加", //按钮名称
    backColor: "rgb(255, 255, 255)" //背景颜色
  }
});
componentProperties.set("storenotecard", {
  component: "storenotecard",
  text: "文章模块",
  type: "2-2",
  active: true,
  style: "storenotecardstyle",
  setStyle: {
    text: "文章模块",
    name: "这里显示专题名称", //专题名称
    commodityType: 0, // 选择模板
    moditystyle: 0, // 卡片样式选择
    borderRadius: 0, // 图片边角
    textWeight: 400, // 标题粗细
    noteLabels: true, // 笔记标签
    readingNumber: true, // 阅读数
    praisePoints: true, //点赞数
    viewMore1: true, //更多1
    viewMore2: true, //更多2
    imageList: [],
    positions: "bottom", //标题位置
    linktype: "10",
    http: {}
  }
});
componentProperties.set("crowdoperation", {
  component: "crowdoperation",
  text: "人群运营",
  type: "1-17",
  active: true,
  style: "crowdoperationstyle",
  setStyle: {
    text: "人群运营"
  }
});
componentProperties.set("personalizedrecommendation", {
  component: "personalizedrecommendation",
  text: "个性化推荐",
  type: "1-18",
  active: true,
  style: "personalizedrecommendationstyle",
  setStyle: {
    text: "个性化推荐"
  }
});
componentProperties.set("onlineservice", {
  component: "onlineservice",
  text: "在线客服",
  type: "1-19",
  active: true,
  style: "onlineservicestyle",
  setStyle: {
    text: "在线客服"
  }
});
componentProperties.set("investigate", {
  component: "investigate",
  text: "表单模块",
  type: "2-3",
  active: true,
  style: "investigatestyle",
  setStyle: {
    text: "表单模块",
    title: "表单模块",
    jsonData: [] //value1为sass显示内容，value2为前端显示内容
  }
});
componentProperties.set("tabBar", {
  component: "tabBar",
  text: "底部导航",
  type: "1-5",
  active: true,
  style: "tabBarStyle",
  setStyle: {
    text: "底部导航",
    activeColor: "#1989fa",
    inactiveColor: "#7d7e80",
    isShowBorder: true,
    iconWidth: "25",
    iconHeight: "25",
    fontSize: "14",
    Highlight: 0,
    iconList: []
  }
});
componentProperties.set("follow", {
  component: "follow",
  text: "关注公众号",
  type: "1-15",
  active: true,
  style: "followStyle",
  setStyle: {
    text: "关注公众号",
    heade: "https://imgs.starfirelink.com/miniShop//logo_1618466110849.png",
    followName: "公众号名称",
    followAppId: ""
  }
});
componentProperties.set("suspension", {
  component: "suspension",
  text: "悬浮按钮",
  type: "1-16",
  active: true,
  style: "suspensionstyle",
  setStyle: {
    text: "悬浮按钮",
    linktype: "10",
    http: {}
  }
});

componentProperties.set("Blank", {
  component: "Blank",
  text: "辅助空白",
  type: "3-1",
  active: true,
  style: "BlankStyle",
  setStyle: {
    text: "辅助空白",
    backgroundColor: "#fff",
    height: 10
  }
});

componentProperties.set("Search", {
  component: "Search",
  text: "搜索框",
  type: "1-1",
  active: true,
  style: "SearchStyle",
  setStyle: {
    keywords: "请输入关键字搜索",
    shape: "round"
  }
});

componentProperties.set("ImgSlide", {
  component: "ImgSlide",
  text: "图片轮播",
  type: "1-1",
  active: true,
  style: "ImgSlideStyle",
  setStyle: {
    text: "图片轮播",
    duration: 5000,
    height: 130,
    list: []
  }
});

componentProperties.set("ImgSingle", {
  component: "ImgSingle",
  text: "图片",
  type: "1-2",
  active: true,
  style: "ImgSingleStyle",
  setStyle: {
    text: "图片",
    list: [
      {
        marginShow: false,
        buttonShow: false,
        buttonText: "",
        buttonColor: "",
        textColor: "",
        linkValue: "",
        image: "",
        linkType: 0,
        id: 0
      }
    ]
  }
});

componentProperties.set("ImgWindow", {
  component: "ImgWindow",
  text: "图片分组",
  type: "1-3",
  active: true,
  style: "ImgWindowStyle",
  setStyle: {
    text: "图片分组",
    style: 2,
    arrangement: 1,
    margin: 0,
    list: [
      {
        linkType: 1,
        linkValue: "",
        linkName: "",
        image: ""
      },
      {
        linkType: 1,
        linkValue: "",
        linkName: "",
        image: ""
      }
    ]
  }
});

componentProperties.set("Videos", {
  component: "Videos",
  text: "视频组",
  type: "1-4",
  active: true,
  style: "VideoStyle",
  setStyle: {
    text: "视频组",
    autoplay: false,
    list: [
      {
        image: "",
        url: ""
      }
    ]
  }
});

componentProperties.set("Notice", {
  component: "Notice",
  text: "公告组",
  type: "2-2",
  active: true,
  style: "NoticeStyle",
  setStyle: {
    text: "公告组",
    noticeText: "请填写公告内容，将会在手机上滚动显示", //内容
    backgroundColor: "rgb(255, 248, 233)", //背景颜色
    textColor: "rgba(100, 101, 102)" //文字颜色
  }
});

componentProperties.set("NavBar", {
  component: "NavBar",
  text: "导航组",
  type: "2-3",
  active: true,
  style: "NavBarStyle",
  setStyle: {
    text: "导航组",
    limit: 4, //内容
    list: [{ text: "按钮文字", linkType: 1, image: "src/assets/images/empty-banner.png", linkValue: "" }]
  }
});

componentProperties.set("Goods", {
  component: "Goods",
  text: "商品组",
  type: "2-4",
  active: true,
  style: "GoodsStyle",
  setStyle: {
    text: "商品组",
    type: "auto", // choose auto
    limit: 10, // 显示数量
    display: "list", // 显示类型
    column: 1, // 分裂数量
    title: "商品组名称",
    lookTitle: true, // 是否显示商品组名称
    lookMore: true, // 是否显示更多
    classifyId: null, // 商品分类
    branId: null, // 品牌 id
    list: [{ name: "此处显示商品组名称", price: 99, image: "src/assets/images/empty-banner.png" }]
  }
});

componentProperties.set("GoodTabBar", {
  component: "GoodTabBar",
  text: "商品选项卡",
  type: "2-5",
  active: true,
  style: "GoodTabBarStyle",
  setStyle: {
    text: "商品选项卡",
    isFixedHead: true, // 是否固定头部
    list: [
      {
        type: "auto",
        limit: 10,
        column: 2,
        isShow: true,
        title: "选项卡名称",
        subTitle: "子标题",
        list: [
          { name: "此处显示商品组名称", price: 99, image: "src/assets/images/empty-banner.png" },
          { name: "此处显示商品组名称", price: 99, image: "src/assets/images/empty-banner.png" },
          { name: "此处显示商品组名称", price: 99, image: "src/assets/images/empty-banner.png" },
          { name: "此处显示商品组名称", price: 99, image: "src/assets/images/empty-banner.png" }
        ]
      },
      {
        type: "auto",
        limit: 10,
        column: 2,
        isShow: true,
        title: "选项卡名称",
        subTitle: "子标题",
        list: [
          { name: "商品名称", price: 99, image: "src/assets/images/empty-banner.png" },
          { name: "商品名称", price: 99, image: "src/assets/images/empty-banner.png" },
          { name: "商品名称", price: 99, image: "src/assets/images/empty-banner.png" },
          { name: "商品名称", price: 99, image: "src/assets/images/empty-banner.png" }
        ]
      }
    ]
  }
});

componentProperties.set("GroupPurchase", {
  component: "GroupPurchase",
  text: "团购",
  type: "2-5",
  active: true,
  style: "GroupPurchaseStyle",
  setStyle: {
    text: "团购",
    title: "团购标题",
    limit: 10, // 显示数量
    list: []
  }
});

componentProperties.set("Seckill", {
  component: "Seckill",
  text: "秒杀",
  type: "2-6",
  active: true,
  style: "SeckillStyle",
  setStyle: {
    text: "秒杀",
    title: "秒杀标题",
    limit: 10, // 显示数量
    list: []
  }
});

componentProperties.set("PinTuan", {
  component: "PinTuan",
  text: "拼团",
  type: "2-7",
  active: true,
  style: "PinTuanStyle",
  setStyle: {
    text: "拼团",
    title: "拼团标题",
    limit: 10, // 显示数量
    list: []
  }
});

componentProperties.set("Coupon", {
  component: "Coupon",
  text: "优惠券",
  type: "2-8",
  active: true,
  style: "CouponStyle",
  setStyle: {
    text: "优惠券",
    limit: 2 // 显示数
  }
});

componentProperties.set("TextArea", {
  component: "TextArea",
  text: "文本域",
  type: "3-2",
  active: true,
  style: "TextAreaStyle",
  setStyle: {
    contentText: ""
  }
});

componentProperties.set("Login", {
  component: "Login",
  text: "登录",
  type: "3-3",
  active: true,
  style: "LoginStyle",
  setStyle: {
    // 右侧数据
    text: "注册解锁更多惊喜",
    btnText: "注册/登录"
  }
});

// componentProperties.set("HomePageTemplate", {
//   component: "HomePageTemplate",
//   text: "首页模版",
//   type: "4-1",
//   active: true,
//   style: "HomePageTemplateStyle",
//   setStyle: {
//     text: "首页模版",
//     list: [{ text: "首页模版", linkType: 1, image: "src/assets/images/empty-banner.png", linkValue: "" }]
//   }
// });

// componentProperties.set("ClassifyConfig", {
//   component: "ClassifyConfig",
//   text: "点餐页",
//   type: "4-2",
//   active: true,
//   style: "ClassifyConfigStyle",
//   setStyle: {
//     text: "点餐页",
//     linkType: 0,
//     linkName: "",
//     linkPosition: "left"
//   }
// });
// import img1 from "@/assets/images/test/canteen.png";
// import img2 from "@/assets/images/test/canteen1.png";
// import img3 from "@/assets/images/test/canteen1.png";
// import img4 from "@/assets/images/test/canteen2.png";
// import img5 from "@/assets/images/test/canteen4.png";

// componentProperties.set("DeskConfig", {
//   component: "DeskConfig",
//   text: "人数页",
//   type: "4-2",
//   active: true,
//   style: "DeskConfigStyle",
//   setStyle: {
//     text: "人数页",
//     linkType: "center",
//     linkSize: 25,
//     linkName: "欢迎光临",
//     linkUrl: img1,
//     imageList: [img1, img2, img3, img4, img5],
//     richName: "默认",
//     richSize: 15,
//     richType: "center"
//   }
// });

componentProperties.set("PopupImage", {
  component: "PopupImage",
  text: "弹出广告",
  type: "5-1",
  active: true,
  style: "PopupImageStyle",
  setStyle: {
    // 最右侧显示样式，及默认参数配置
    text: "弹出广告",
    list: [{ text: "弹出广告", linkType: 1, image: "src/assets/images/empty-banner.png", linkValue: "" }]
  }
});
componentProperties.set("AdvertisingColumn", {
  component: "AdvertisingColumn",
  text: "特价活动栏",
  type: "5-2",
  active: true,
  style: "AdvertisingColumnStyle",
  setStyle: {
    // 最右侧显示样式，及默认参数配置
    text: "特价活动栏",
    title: "商品组件名称",
    height: 69,
    isShowTitle: true,
    list: [
      { image: "", linkName: "", linkDesc: "", productId: "", linkCom: "" },
      { image: "", linkName: "", linkDesc: "", productId: "", linkCom: "" },
      { image: "", linkName: "", linkDesc: "", productId: "", linkCom: "" },
      { image: "", linkName: "", linkDesc: "", productId: "", linkCom: "" },
      { image: "", linkName: "", linkDesc: "", productId: "", linkCom: "" }
    ]
  }
});

export default componentProperties;
